<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户操作界面</title>
    <link rel="stylesheet" href="../JS/WebsiteManagementInterface_js.js">
    <link rel="stylesheet" href="../CSS/WebsiteManagementInterface.css">
</head>
<div>
    <span class="formSpan">
				<h2>信息查询操作</h2>
				<form action="" method="post">
					<div class="input-container">
						<label for="" class="label">你要查找的用户id:</label>
						<input type="number" name="请输入你要查询的用户id" class="input-field"/>
					</div>
					<div class="input-container">
						<label for="" class="label">你要查找的用户名:</label>
						<input type="text" name="请输入你要查找的用户名:" class="input-field"/>
					</div>
					<div class="input-container">
						<label for="" class="label">你要查找的电话号:</label>
						<input type="number" name="请输入你要查找的电话号码" class="input-field"/>
					</div>
					<div class="input-container">
						<label for="" class="label">你要查找的电子邮箱:</label>
						<input type="email" name="请输入你要查找的电子邮箱" class="input-field"/>
					</div>
					<div class="button-container">
						<button type="submit" class="button" onclick="selectAllUsers()">查询全部</button>
					</div>
					<div class="button-container">
						<button type="submit" class="button" onclick="selectById()">根据用户ID查询</button>
					</div>
					<div class="button-container">
						<button type="submit" class="button" onclick="selectByUsername()">根据用户名查询</button>
					</div>
					<div class="button-container">
						<button type="submit" class="button"
                                onclick="selectByPhoneNumber()">根据用户电话号码查询</button>
					</div>
					<div class="button-container">
						<button type="submit" class="button" onclick="selectByEmail()">根据用户电子邮箱查询</button>
					</div>
					<div class="button-container">
						<button type="reset" class="button">重置</button>
					</div>
				</form>
			</span>
</div>
<div class="formSpan">
    <h2>信息分页操作</h2>
    <form action="" method="post">
        <div class="input-container">
            <label for="" class="label">你要显示的信息页数:</label>
            <input type="number" name="请输入你要显示的信息页数" class="input-field"/>
        </div>
        <div class="input-container">
            <label for="" class="label">你要显示每页信息条数:</label>
            <input type="text" name="请输入你要显示每页信息条数" class="input-field"/>
        </div>
        <div class="button-container">
            <button type="submit" class="button" onclick="pageUser()">提交</button>
        </div>
        <div class="button-container">
            <button type="reset" class="button">重置</button>
        </div>
    </form>
</div>
</body>
</html>